<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>3week--css栅格作业</title>
	<!-- <link href="lib/lib/css/bootstrap.min.css" rel="stylesheet"> -->
	 <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 

<style type="text/css">

	.food{
		margin: 0 50px 0 0 ;
	}

	.row span{
		font-size: 19px;
		color: green;
		margin: 15px 0 15px 0;
	}
	.row p{
		font-size: 29px;
		color: red;
	}


</style>
</head>
<body>
<br><br><br><br>

	<div class="container">
		<div class="row">
			<div class="food col-lg-3 col-md-5 col-sm-12">
				<h1>煎饼</h1><hr>
				<img src="images/2.jpg">
				<span class="span glyphicon glyphicon-thumbs-up col-lg-12 col-md-12 col-sm-12 col-xs-12">两种口味可选</span>

				<button type="button" class="btn btn-defaule btn-lg btn-danger col-lg-12 col-md-12 col-sm-12">
					添加到购物车
				</button>
				<p>一口价：￥45.00</p>
			</div>
			

			<div class="food col-lg-3 col-md-5  col-sm-12">
				<h1>大虾</h1><hr>
				<img src="images/3.jpg">
				<span class="span glyphicon glyphicon-thumbs-up col-lg-12 col-md-12 col-sm-12 col-xs-12">两种口味可选</span>

				<button type="button" class="btn btn-defaule btn-lg btn-danger col-lg-12 col-md-12 col-sm-12 col-xs-12">
					添加到购物车
				</button>
				<p>一口价：￥45.00</p>
			</div>

			<div class="col-lg-3 col-md-5  col-sm-12">
				<h1>鸡排</h1><hr>
				<img src="images/4.jpg">
				<span class="span glyphicon glyphicon-thumbs-up col-lg-12 col-md-12 col-sm-12 col-xs-12">两种口味可选</span>

				<button type="button" class="btn btn-defaule btn-lg btn-danger col-lg-12 col-md-12 col-sm-12" >
					添加到购物车
				</button>
				<p>一口价：￥45.00</p>
			</div>

		</div>

	</div>







<br><br>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- 引入本地文件 bootstrap基于JQ上运行，需加载JQ文件-->
<!-- <script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script> -->
	
</body>
</html>